<template>
  <div style="width: 100%; background-color: transparent !important;/* 背景透明 */">
    <el-descriptions title="个人信息介绍" direction="vertical" :column="4" border>
      <el-descriptions-item label="姓名">{{
        userForm.name
      }}</el-descriptions-item>
      <el-descriptions-item label="科室">{{
        userForm.department
      }}</el-descriptions-item>
      <el-descriptions-item label="工作职位" :span="2">{{
        userForm.job
      }}</el-descriptions-item>
      <el-descriptions-item label="管理部门">
        <el-tag size="small" class="mr-5">技术部</el-tag>
        <el-tag size="small" class="ml-5">财务部</el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="管理职位" :span="3">员工</el-descriptions-item>
      <el-descriptions-item label="具体管理部门" :span="4"
        ><el-tag size="small"
          >开发一科-开发六科，维修2科-维修8科，测试全部科室</el-tag
        ></el-descriptions-item
      >
    </el-descriptions>
  </div>
</template>

<script>
export default {
  data() {
    return {
      id: this.$store.state.ID,
      userForm: {},
    };
  },
  methods: {
    load() {
      this.request
        .get("/AdminInfo/selectById", {
          params: {
            id: this.id,
          },
        })
        .then((req) => {
          this.userForm = req;
          console.log(userForm);
        });
    },
  },
  created() {
    this.load();
  },
};
</script>

<style>
</style>